class Food {
  // 一个属性表示事物所对应的元素
  element: HTMLElement;
  constructor() {
    //  获取页面中的food元素并将其赋值给element
    this.element = document.getElementById("food")!;

  }
  //  定义一个获取食物坐标的方法
  get X() {
    return this.element.offsetLeft;
  }
  get Y() {
    return this.element.offsetTop;
  }
  change() {
    // 生成一个随机的位置
    let left = (Math.round(Math.random() * 29)) * 10
    let top = (Math.round(Math.random() * 29)) * 10
    this.element.style.left = left + 'px';
    this.element.style.top = top + "px";
  }
}
export default Food;